<!DOCTYPE html>
<html>

<head>
  <title>Quarkus has a logo</title>
  <script id="adobe_dtm" src="https://www.redhat.com/dtm.js" type="text/javascript"></script>
  <script src="/assets/javascript/highlight.pack.js" type="text/javascript"></script>
  <META HTTP-EQUIV='Content-Security-Policy' CONTENT="default-src 'none'; script-src 'self' 'unsafe-eval' 'sha256-ANpuoVzuSex6VhqpYgsG25OHWVA1I+F6aGU04LoI+5s=' 'sha256-ipy9P/3rZZW06mTLAR0EnXvxSNcnfSDPLDuh3kzbB1w=' js.bizographics.com https://www.redhat.com assets.adobedtm.com jsonip.com https://ajax.googleapis.com https://www.googletagmanager.com https://www.google-analytics.com https://use.fontawesome.com; style-src 'self' https://fonts.googleapis.com https://use.fontawesome.com; img-src 'self' *; media-src 'self' ; frame-src https://www.googletagmanager.com https://www.youtube.com; frame-ancestors 'none'; base-uri 'none'; object-src 'none'; form-action 'none'; font-src 'self' https://use.fontawesome.com https://fonts.gstatic.com;">
  <META HTTP-EQUIV='X-Frame-Options' CONTENT="DENY">
  <META HTTP-EQUIV='X-XSS-Protection' CONTENT="1; mode=block">
  <META HTTP-EQUIV='X-Content-Type-Options' CONTENT="nosniff">
  <meta charset="utf-8">
  <meta name="viewport" content="width=device-width, initial-scale=1">
  <meta name="description" content="Quarkus: Supersonic Subatomic Java">
  <meta name="twitter:card" content="summary_large_image">
  <meta name="twitter:site" content="@QuarkusIO"> 
  <meta name="twitter:creator" content="@QuarkusIO">
  <meta property="og:url" content="https://quarkus.io/blog/quarkus-has-a-new-logo/" />
  <meta property="og:title" content="Quarkus has a logo" />
  <meta property="og:description" content="Quarkus: Supersonic Subatomic Java" />
  <meta property="og:image" content="/assets/images/quarkus_card.png" />
  <link rel="canonical" href="https://quarkus.io/blog/quarkus-has-a-new-logo/">
  <link rel="shortcut icon" type="image/png" href="/favicon.ico" >
  <link rel="stylesheet" href="https://quarkus.io/guides/stylesheet/config.css" />
  <link rel="stylesheet" href="/assets/css/main.css" />
  <link rel="stylesheet" href="https://use.fontawesome.com/releases/v5.1.0/css/all.css" integrity="sha384-lKuwvrZot6UHsBSfcMvOkWwlCMgc0TaWr+30HWe3a4ltaBwTZhyTEggF5tJv8tbt" crossorigin="anonymous">
  <link rel="alternate" type="application/rss+xml"  href="https://quarkus.io/feed.xml" title="Quarkus">
  <script src="https://quarkus.io/assets/javascript/goan.js" type="text/javascript"></script>
  <script src="https://quarkus.io/assets/javascript/hl.js" type="text/javascript"></script>
</head>

<body class="post">
  <!-- Google Tag Manager (noscript) -->
  <noscript><iframe src="https://www.googletagmanager.com/ns.html?id=GTM-NJWS5L"
  height="0" width="0" style="display:none;visibility:hidden"></iframe></noscript>
  <!-- End Google Tag Manager (noscript) -->

  <div class="nav-wrapper">
  <div class="grid-wrapper">
    <div class="width-12-12">
      <input type="checkbox" id="checkbox" />
      <nav id="main-nav" class="main-nav">
  <div class="container">
    <div class="logo-wrapper">
      
        <a href="/"><img src="/assets/images/quarkus_logo_horizontal_rgb_600px_reverse.png" class="project-logo" title="Quarkus"></a>
      
    </div>
    <label class="nav-toggle" for="checkbox">
      <i class="fa fa-bars"></i>
    </label>
    <div id="menu" class="menu">
      <span>
        <a href="/get-started/" class="">Get Started</a>
      </span>
      <span>
        <a href="/guides/" class="">Guides</a>
      </span>
      <span>
        <a href="/community/" class="">Community</a>
      </span>
      <span>
        <a href="/support/" class="">Support</a>
      </span>
      <span>
        <a href="/blog/" class="active">Blog</a>
      </span>
      <span>
        <a href="https://code.quarkus.io" class="button-cta secondary white">Start Coding</a>
      </span>
    </div>
  </div>
      </nav>
    </div>
  </div>
</div>

  <div class="content">
    <div class="post-page grid-wrapper">
  <div class="width-8-12 width-12-12-m doc-content">
    <div class="grid-wrapper">
      <div class="width-12-12">
        <p>
          <a href="/blog"><i class="fas fa-angle-left"></i> Back to all posts</a>
        </p>
      </div>
      <div class="width-12-12">
        <div class="post-date">
          May 08, 2019 
          
            <span class="tags"><a href="/blog/tag/announcement">#announcement</a></span>
          
        </div>
        <h1 class="post-title">Quarkus has a logo</h1>
        <div class="grid-wrapper">
          <div class="width-8-12 width-12-12-m byline-wrapper">
            
            
              <img class="headshot" src="https://www.gravatar.com/avatar/79a19dd43fbe2d3767ec71aba84d5ed0">
            
            <p class="byline">By James Cobb</p>
          </div>
          <div class="width-12-12">
              <div id="preamble">
<div class="sectionbody">
<div class="paragraph">
<p>The Quarkus project team leadership worked with the Middleware Engineering Services (MWES) Design team to create the visual identity of the Quarkus brand. To design the brand the MWES team looked to the project name and took into consideration the project&#8217;s unique features; its small size, its ultra-fast scaling speed, and its Kubernetes roots. The logo also had to live up to the project tagline: "Supersonic Subatomic Java."</p>
</div>
</div>
</div>
<div class="sect1">
<h2 id="the-quarkus-logo"><a class="anchor" href="#the-quarkus-logo"></a>The Quarkus Logo</h2>
<div class="sectionbody">
<div class="imageblock">
<div class="content">
<img src="https://design.jboss.org/quarkus/logo/images/quarkus_blogpost_formallogo.png" alt="The Full Quarkus Logo">
</div>
</div>
<div class="imageblock">
<div class="content">
<img src="https://design.jboss.org/quarkus/logo/images/quarkus_blogpost_icon.png" alt="The Quarkus LogoMark Icon">
</div>
</div>
</div>
</div>
<div class="sect1">
<h2 id="breaking-down-the-logos-elements"><a class="anchor" href="#breaking-down-the-logos-elements"></a>Breaking down the logo&#8217;s elements</h2>
<div class="sectionbody">
<div class="paragraph">
<p>Just as atoms are comprised of three elements (protons, neutrons, and electrons), the logomark is comprised of three elements: the Subatomic Quark, the Cube, and the Q Tracer Path. Each of these elements serves as visual metaphors for the core drivers of the Quarkus brand.</p>
</div>
<div class="sect2">
<h3 id="the-subatomic-quark-element"><a class="anchor" href="#the-subatomic-quark-element"></a>The Subatomic Quark Element</h3>
<div class="imageblock">
<div class="content">
<img src="https://design.jboss.org/quarkus/logo/images/quarkus_blogpost_icon_star.png" alt="The Quark">
</div>
</div>
<div class="paragraph">
<p>Protons, neutrons, and electrons are the building blocks of the atoms in the subatomic world much like in the software development world, Quarkus provides the building blocks and the OpenSource energy to build ultra-fast, ultra-small applications. The quark visual element is the visual representation of this interplay.</p>
</div>
<div class="paragraph">
<p>The quark itself is formed by two overlapping triangles (again alluding to the three elements of an atom). The transparent overlay of the two triangles (One red and one blue) creates a hexagon in the at the center of the quark.</p>
</div>
</div>
<div class="sect2">
<h3 id="the-internal-cube-element"><a class="anchor" href="#the-internal-cube-element"></a>The Internal Cube Element</h3>
<div class="imageblock">
<div class="content">
<img src="https://design.jboss.org/quarkus/logo/images/quarkus_blogpost_icon_cube.png" alt="The Internal Cube">
</div>
</div>
<div class="paragraph">
<p>The internal hexagon is separated into three distinct sections to further define the three-dimensional cube element. The Cube is the heart of Quarkus&#8230;&#8203; cloud-native Java. At its very core, Quarkus allows developers to run higher density workloads on existing infrastructures.</p>
</div>
</div>
<div class="sect2">
<h3 id="the-q-tracer-path-element"><a class="anchor" href="#the-q-tracer-path-element"></a>The "Q Tracer Path" Element</h3>
<div class="imageblock">
<div class="content">
<img src="https://design.jboss.org/quarkus/logo/images/quarkus_blogpost_icon_trace.png" alt="The Q Tracer Path">
</div>
</div>
<div class="paragraph">
<p>Atoms aren&#8217;t static; their internal elements are in constant motion. As such, our Quarkus star is in continuous motion too. This motion represents the speed and quickness of Quarkus&#8217;s boot time and scaling capabilities. This element also traces the path of the star (counterclockwise). The path itself forms the shape of a "Q."</p>
</div>
<div class="paragraph">
<p>Learn more about Quarkus at <a href="https://quarkus.io">Quarkus.io</a>. Keep up to date on twitter <a href="https://twitter.com/quarkusio">@quarkusio</a> and get the bits on <a href="https://github.com/quarkusio/quarkus">GitHub</a>.</p>
</div>
</div>
</div>
</div>
              
          </div>
          <div class="width-12-12"><div class="share-page">
  <a class="share-linkedin" href="https://www.linkedin.com/shareArticle?mini=true&url=https://quarkus.io/blog/quarkus-has-a-new-logo/&title=Quarkus has a logo" rel="nofollow" target="_blank" title="Share on LinkedIn">
    <img src="/assets/images/share-page/icons_social-linkedin.png"/>
  </a>
  <a class="share-twitter" href="https://twitter.com/intent/tweet?text=Quarkus has a logo&url=https://quarkus.io/blog/quarkus-has-a-new-logo/&via=quarkusio&related=quarkusio" rel="nofollow" target="_blank" title="Share on Twitter">
    <img src="/assets/images/share-page/icons_social-twitter.png"/>
  </a>
  <a class="share-facebook" href="https://facebook.com/sharer.php?u=https://quarkus.io/blog/quarkus-has-a-new-logo/" rel="nofollow" target="_blank" title="Share on Facebook">
    <img src="/assets/images/share-page/icons_social-facebook.png"/>
  </a>
  <a class="share-reddit" href="http://www.reddit.com/submit?url=https://quarkus.io/blog/quarkus-has-a-new-logo/" onclick="window.open(this.href, 'pop-up', 'left=20,top=20,width=900,height=500,toolbar=1,resizable=0'); return false;" title="Share on Reddit" >
    <img src="/assets/images/share-page/icons_social-reddit.png"/>
  </a>
  <a class="share-email" href="mailto:?subject=Quarkus has a logo&amp;body=Quarkus has a logo https://quarkus.io/blog/quarkus-has-a-new-logo/" title="Share via Email" >
    <img src="/assets/images/share-page/icons_social-email.png"/>
  </a>
</div>
</div>
        </div>
      </div>
    </div>
  </div>
</div>

  </div>

  <div class="content project-footer">
  <div class="footer-section">
    <div class="logo-wrapper">
      <a href="/"><img src="/assets/images/quarkus_logo_horizontal_rgb_reverse.svg" class="project-logo" title="Quarkus"></a>
    </div>
  </div>
  <div class="grid-wrapper">
    <p class="grid__item width-3-12">Quarkus is open. All dependencies of this project are available under the <a href='https://www.apache.org/licenses/LICENSE-2.0' target='_blank'>Apache Software License 2.0</a> or compatible license.<br /><br />This website was built with <a href='https://jekyllrb.com/' target='_blank'>Jekyll</a>, is hosted on <a href='https://pages.github.com/' target='_blank'>Github Pages</a> and is completely open source. If you want to make it better, <a href='https://github.com/quarkusio/quarkusio.github.io' target='_blank'>fork the website</a> and show us what you’ve got.</p>

    
      <div class="width-1-12 project-links">
        <span>Navigation</span>
        <ul class="footer-links width-1-12">
          
            <li><a href="/">Home</a></li>
          
            <li><a href="/guides">Guides</a></li>
          
            <li><a href="/community/#contributing">Contribute</a></li>
          
            <li><a href="/faq">FAQ</a></li>
          
            <li><a href="/get-started">Get Started</a></li>
          
        </ul>
      </div>
    
      <div class="width-1-12 project-links">
        <span>Contribute</span>
        <ul class="footer-links width-1-12">
          
            <li><a href="https://twitter.com/quarkusio">Follow us</a></li>
          
            <li><a href="https://github.com/quarkusio">GitHub</a></li>
          
            <li><a href="/security">Security&nbsp;policy</a></li>
          
        </ul>
      </div>
    
      <div class="width-1-12 project-links">
        <span>Get Help</span>
        <ul class="footer-links width-1-12">
          
            <li><a href="https://groups.google.com/forum/#!forum/quarkus-dev">Forums</a></li>
          
            <li><a href="https://quarkusio.zulipchat.com">Chatroom</a></li>
          
        </ul>
      </div>
    

    
      <div class="width-3-12 more-links">
        <span>Quarkus is made of community projects</span>
        <ul class="footer-links">
          
            <li><a href="https://vertx.io/" target="_blank">Eclipse Vert.x</a></li>
          
            <li><a href="https://microprofile.io" target="_blank">Eclipse MicroProfile</a></li>
          
            <li><a href="https://hibernate.org" target="_blank">Hibernate</a></li>
          
            <li><a href="https://netty.io" target="_blank">Netty</a></li>
          
            <li><a href="https://resteasy.github.io" target="_blank">RESTEasy</a></li>
          
            <li><a href="https://camel.apache.org" target="_blank">Apache Camel</a></li>
          
            <li><a href="https://code.quarkus.io/" target="_blank">And many more...</a></li>
          
        </ul>
      </div>
    
  </div>
</div>
  <div class="content redhat-footer">
  <div class="grid-wrapper">
    <span class="licence">
      <i class="fab fa-creative-commons"></i><i class="fab fa-creative-commons-by"></i> <a href="https://creativecommons.org/licenses/by/3.0/" target="_blank">CC by 3.0</a> | <a href="https://www.redhat.com/en/about/privacy-policy">Privacy Policy</a>
    </span>
    <span class="redhat">
      Sponsored by
    </span>
    <span class="redhat-logo">
      <a href="https://www.redhat.com/" target="_blank"><img src="/assets/images/redhat_reversed.svg"></a>
    </span>
  </div>
</div>


  <script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.4/jquery.min.js" integrity="sha384-8gBf6Y4YYq7Jx97PIqmTwLPin4hxIzQw5aDmUg/DDhul9fFpbbLcLh3nTIIDJKhx" crossorigin="anonymous"></script>
  <script type="text/javascript" src="/assets/javascript/mobile-nav.js"></script>
  <script type="text/javascript" src="/assets/javascript/scroll-down.js"></script>
  <script src="/assets/javascript/satellite.js" type="text/javascript"></script>
  <script src="https://quarkus.io/guides/javascript/config.js" type="text/javascript"></script>
  <script src="/assets/javascript/search-filter.js" type="text/javascript"></script>
  <script src="/assets/javascript/back-to-top.js" type="text/javascript"></script>
</body>

</html>
